<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>欢迎登录</title>
    <!-- 引入 LayUI -->
    <link rel="stylesheet" href="../static/layui/css/layui.css" />
    <style type="text/css">
      * {
        margin: 0;
        padding: 0;
      }

      .container {
        width: 420px;
        height: 300px;
        min-height: 300px;
        max-height: 300px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        padding: 15px;
        z-index: 130;
        border-radius: 15px;
        background: linear-gradient(to bottom, #77A1D3, #79CBCA, #E684AE);
        box-shadow: 0 5px 20px black;
        font-size: 17px;
      }

      .layui-form-item {
        margin-left: -10px;
      }

      .layui-input {
        border-radius: 8px;
        width: 300px;
        height: 40px;
        font-size: 15px;
      }

      .layui-btn {
        margin-left: -80px;
        border-radius: 5px;
        width: 183px;
        height: 40px;
        font-size: 15px;
      }

      .font-set {
        font-size: 13px;
        text-decoration: none;
        margin-left: 95px;
      }
    </style>
  </head>
  <body style="background-image: url(../static/layui/css/modules/layer/default/icon.png);">
    <form class="layui-form" th:action="@{/userLogin}" method="post">
      <div class="container">
        <div>
          <h1>欢迎登录系统</h1>
        </div>

        <div class="layui-form-item" style="margin-top: 35px;">
          <label class="layui-form-label">用户邮箱</label>
          <div class="layui-input-block">
            <input type="email" name="userEmail" placeholder="请输入用户邮箱" class="layui-input">
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">用户密码</label>
          <div class="layui-input-inline">
            <input type="password" name="passWord" placeholder="请输入密码" class="layui-input">
          </div>
        </div>

        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn" type="submit">登陆</button>
            <button class="layui-btn layui-btn-primary" type="reset">重置</button>
          </div>
        </div>
        <a href="" class="font-set">忘记密码?</a> <a href="register.html" class="font-set">立即注册</a>
      </div>
    </form>
    <script type="text/javascript" src="../static/layui/layui.js"></script>
  </body>
</html>
